

<!-- 砍价专区 -->
<template>
	<view>
		
		<!-- header部分 -->
		<view class='header-Container header-height'>
			<view class="header-bg"></view>
			<navHeader pageTitle="砍价专区" rightBtnType="msgCenter" colorTheme="white" @toggleMenuListHandler="toggleMenuListHandler">
			</navHeader>
		</view>
		
		<!-- 专区轮播 -->
		<view class="bannerList-Container">
			<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000"
				:current="areaSwiperIndex" @change="areaBannerSwiperChange">
				<swiper-item @click="resourceClick(item)" v-for="(item, index) in areaBannerList" :key="index" class="swiper-item">
					<image :src="imgSite + item.bannerAddress" mode=""></image>
				</swiper-item>
			</swiper>
			
			<!-- 专区分页 -->
			<view v-if="areaBannerList.length > 1" class="pages-Container">
				<view v-for="(item, index) in areaBannerList.length" :key="'area'+index" class="one-page" :class="{current: index == areaSwiperIndex}">
				</view>
			</view>
			
			
			<!-- 滚动砍价记录 -->
			<view v-if="latestBargainList && latestBargainList.length" class="latestBargain-Container">
				<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" :vertical="true">
					<swiper-item v-for="(item, index) in latestBargainList" class="oneBargain">
						<image class="avator" :src="imgSite + item.headSculpture"></image>
						<view class="bargainTip ellipsis2">
							{{item.nickName}}以{{item.lowestPrice / 100}}元砍得{{item.goodsName}}
						</view>
					</swiper-item>
				</swiper>
			</view>
		</view>
		
		
		<!-- 我的砍价 -->
		<view v-if="myActivityGoodsList && myActivityGoodsList.length" class="myBargain-Container">
			<view class="title-Container">
				<image class="logo" :src="icon.bargainLogo" mode=""></image>
				<view class="title">
					砍价进行中
				</view>
				<image class="logo" :src="icon.bargainLogo" mode=""></image>
			</view>
			
			
			<!-- 商品列表 -->
			<view class="goodsList-Container">
				<view v-for="(item, index) in myActivityGoodsList" :key="item.bargainId">
					
					<!-- 0进行中 1成功2失败 -->
					<view v-if="item.bargainStatus == 1" class="goodsList-Item bargainSuccess">
						
						<view class="goodsCover-Container">
							<image class="goodsCover" :src="imgSite + item.coverPicture"></image>
							<image class="bargainFlag" :src="icon.bargainSuccess"></image>
						</view>
						
						<view class="goodsInfo">
							<view class="goodsName ellipsis2">
								{{item.goodsName}}
							</view>
							
							<!-- 已砍信息 -->
							<view class="cutStillBad-Container">
								<text class="moneyText">已砍成，可{{item.lowestPrice / 100}}元购买</text>
							</view>
							
							<!-- 结束&继续砍价 -->
							<view class="countDownGoBargain">
								<view class="countDownInfo">
									<view class="countDown">
										距结束
									</view>
									<uni-countdown color="#FFFFFF" background-color="#000000" border-color="#000000" :show-day="false" :hour="item.countDownHour" :minute="item.countDownMinute" :second="item.countDownSeconds"></uni-countdown>
								</view>
								
								<view @click="goBuyNowHandler(index)" class="goBuyNow-Btn">
									立即购买
								</view>
							</view>
						</view>
					</view>
					<view v-else class="goodsList-Item">
						<view class="goodsCover-Container">
							<image class="goodsCover" :src="imgSite + item.coverPicture" mode=""></image>
						</view>
						
						<view class="goodsInfo">
							<view class="goodsName ellipsis2">
								{{item.goodsName}}
							</view>
							
							<!-- 已砍信息 -->
							<view class="cutStillBad-Container">
								已砍<text class="moneyText">{{item.toCut / 100}}</text>元，还差<text class="moneyText">{{item.stillBad / 100}}</text>元
							</view>
							<view class="processBar-Container">
								<view class="processBarBg" :style="{width: item.toCutPercentage+'%'}">
									<image :src="icon.fullBarBg" mode="aspectFill"></image>
								</view>
							</view>
							
							<!-- 结束&继续砍价 -->
							<view class="countDownGoBargain">
								<view class="countDownInfo">
									<view class="countDown">
										距结束
									</view>
									<uni-countdown color="#FFFFFF" background-color="#000000" border-color="#000000" :show-day="false" :hour="item.countDownHour" :minute="item.countDownMinute" :second="item.countDownSeconds"></uni-countdown>
								</view>
								
								<view @click="goBargainHandler(item.bargainId)" class="goBargain-Btn">
									继续砍价
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<!-- 活动类型 -->
		<view class="activityType-Container borderOneRpx">
			<view @click="changeActivityType(20)" class="activityType" :class="{currentType1: activityType == 20}">
				进行中
			</view>
			<view @click="changeActivityType(10)" class="activityType" :class="{currentType2: activityType == 10}">
				预告
			</view>
		</view>
		
		<!-- 进行中/预告 -->
		<view v-if="activityGoodsList && activityGoodsList.length" class="ongoingPre-Container">
			
			<!-- 商品列表 -->
			<view class="goodsList-Container">
				<view v-for="(item, index) in activityGoodsList" :key="index" class="goodsList-Item">
					
					<view class="goodsCover-Container">
						<image class="goodsCover" :src="imgSite + item.coverPicture"></image>
						<image v-if="item.activityCornerPicture" class="corner" :src='imgSite + item.activityCornerPicture' mode="widthFix"></image>
					</view>
					
					<view v-if="activityType == 20" class="goodsInfo">
						<view class="goodsName ellipsis2">
							{{item.goodsName}}
						</view>
						<view class="percent-Container">
							<view class="percentOut">
								<view class="percentIn" :style="{width: item.robbed+'%'}">
								</view>
								<view class="percentText">
									已抢{{item.robbed}}%
								</view>
							</view>
							<view class="surplusText">
								仅剩{{item.activityStock}}件
							</view>
						</view>
						<view class="price-Container">
							<view class="priceOut">
								<view class="activityPrice">
									<text class="money-icon">可砍至￥</text>
									<text class="price-int">{{item.activityPrice / 100}}</text>
									<!-- <text class="price-float">.00</text> -->
								</view>
								<view class="marketPrice">
									市场价￥{{item.marketPrice / 100}}
								</view>
							</view>
							<view @click="gotoActivityDetailPage(item.goodsCd)" class="bargain-Btn">
								去砍价
							</view>
						</view>
					</view>
					<view v-if="activityType == 10" class="goodsInfo">
						<view class="goodsName ellipsis2">
							{{item.goodsName}}
						</view>
						<view class="percent-Container">
							<view class="percentOut">
								<view class="percentIn">
								</view>
								<view class="percentText unStart">
									未开始
								</view>
							</view>
							<view class="surplusText">
								限量{{item.activityStock}}件
							</view>
						</view>
						<view class="price-Container">
							<view class="priceOut">
								<view class="activityPrice">
									<text class="money-icon">可砍至￥</text>
									<text class="price-int">{{item.activityPrice / 100}}</text>
									<!-- <text class="price-float">.00</text> -->
								</view>
								<view class="marketPrice">
									市场价￥{{item.marketPrice / 100}}
								</view>
							</view>
							
							<view @click="setupRemindAndCancel(index, item.activityGoodsId)" class="startDateTime">
								<view>{{item.beginDt | formatDate}}</view>
								<view>{{item.beginDt | formatTime}}开始</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<g-empty v-else></g-empty>
		
		
		<!-- 详情菜单 -->
		<view v-if="showDetailMenu" @click="toggleMenuListHandler()" class="detailMenu-Container">
			<detailMenu></detailMenu>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	
	import navbar from '@/components/navbar/navbar';
	import navHeader from '@/components/nav-header/nav-header';
	import detailMenu from "@/components/detailMenu/detailMenu";
	
	export default {
		filters: {
			
			// 时间格式化
			formatDate: function(date) {
				
				var date = new Date(date);
				var YY = date.getFullYear() + '.';
				var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '.';
				var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
				
				return YY + MM + DD;
			},
			// 时间格式化
			formatTime: function(date) {
				
				var date = new Date(date);
				var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
				var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
				var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
				
				return hh + mm + ss;
			}
		},
		components: {
			navbar,
			navHeader,
			detailMenu
		},
		computed: {
			...mapState(['imgSite'])
		},
		data() {
			return {
				icon:{
					bargainLogo: '/pagesGoods/static/images/specialArea/bargainArea/bargainLogo.png',
					fullBarBg: '/pagesGoods/static/images/specialArea/bargainArea/fullBarBg.png',
					bargainSuccess: '/pagesGoods/static/images/specialArea/bargainArea/bargainSuccess.png'
				},
				
				//详情菜单
				showDetailMenu: false,
				
				//专区banner
				areaSwiperIndex: 0,
				areaBannerList: [],
				
				//活动类型
				activityType: 20,
				
				//滚动砍价记录
				latestBargainList: [],
				
				//我的活动商品
				myActivityGoodsList: [],
				
				// 秒杀商品
				countDownHour: 0,
				countDownMinute: 0,
				countDownSeconds: 0,
				activityGoodsList: [],
				
				remindTimeOut: -1,
				showRemindDialog: false,
				
				//分页相关
				pageNum: 1,
				pageSize: 10
			};
		},
		onLoad(options) {
			
			var that = this;
			
			//专区banner
			that.$api.globalUtil.getAreaBanner("80", function(res) {
				that.areaBannerList = res.data.response;
			});
			
			//我的砍价列表
			that.getMyActivityGoodsList();
			
			//商品列表
			that.getAreaGoodsList();
		},
		onShow() {
			this.showDetailMenu = false;
			
			//滚动砍价记录
			this.getLatestBargainList();
			
			//我的砍价列表
			this.getMyActivityGoodsList();
		},
		methods: {
			
			//详情菜单
			toggleMenuListHandler() {
				this.showDetailMenu = !this.showDetailMenu;
			},
			
			
			//banner分页
			areaBannerSwiperChange(e) {
				this.areaSwiperIndex = e.detail.current;
			},
			
			
			//点击跳转
			resourceClick(item) {
				this.$api.globalUtil.adJumpToOtherPage(item);
			},
			
			
			//滚动砍价记录
			getLatestBargainList() {
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/latestBargainCarouselApi',
					method: "POST",
					success: function(res) {
						if(res.data.success) {
							that.latestBargainList = res.data.response;
						}
					},
				});
			},
			
			
			//我的砍价列表
			getMyActivityGoodsList() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/bargainListApi',
					method: "POST",
					success: function(res) {
						if(res.data.success) {

							for(let i = 0; i < res.data.response.length; i++) {
								
								var item = res.data.response[i];
								
								var countDown = that.$api.globalUtil.startTimeFormate(item.expireDt);
								item.countDownHour = countDown['hour'];
								item.countDownMinute = countDown['minute'];
								item.countDownSeconds = countDown['seconds'];
							}
							that.myActivityGoodsList = res.data.response;
						}
					},
				});
			},
			
			
			//切换砍价类型
			changeActivityType(type) {
				this.activityType = type;
				this.pageNum = 1;
				this.activityGoodsList = [];
				this.getAreaGoodsList();
			},
			
			//商品列表
			getAreaGoodsList() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/activityGoodsListApi',
					method: "POST",
					data: {
						activityType: 5, //砍价活动
						activityFlag: that.activityType, //20：活动进行中; 10：活动未开始
						pageNum: that.pageNum,
						pageSize: that.pageSize
					},
					success: function(res) {
						if(res.data.success) {
							
							if(res.data.response.results.length) {
								if(that.pageNum == 1) {
									that.activityGoodsList = res.data.response.results;
								}else {
									that.activityGoodsList = that.activityGoodsList.concat(res.data.response.results);
								}
							}else {
								that.$api.msg("没有更多数据！");
							}
						}
					}
				});
			},
			
			
			//活动详情
			gotoActivityDetailPage(id) {
				uni.navigateTo({
					url: '/pages/detail/bargain?id='+id
				});
			},
			
			
			//继续砍价
			goBargainHandler(bargainId) {
				
				uni.navigateTo({
					url: "/pagesGoods/specialArea/bargainArea/bargainDetail?firstFlag=0&bargainId="+bargainId
				});
			},
			
			
			//立即购买
			goBuyNowHandler(index) {
				
				var that = this;
				
				var addChannel = 0;//10:PC 20:WAP 30:APP 40：小程序
				
				// #ifdef H5
				addChannel = 20;
				// #endif
				// #ifdef APP-PLUS
				addChannel = 30;
				// #endif
				// #ifdef MP-WEIXIN
				addChannel = 40;
				// #endif
				
				var goodsInfo = this.myActivityGoodsList[index];
				
				var addFlag = 20;
				var url = "/ShopCartApi/addShopCartFastBuyForApi";
				
				var goodsId = goodsInfo.goodsId;
				var vendorId = goodsInfo.vendorId;
				var activityId = goodsInfo.activityId;
				that.$api.globalUtil.requestAjax({
					url: url,
					method: "POST",
					data: {
						goodsId: goodsId, //商品SKU
						shopId: vendorId, //店铺id
						activityId: activityId, //活动id
						num: 1, //加入数量
						addChannel: addChannel,//加入渠道 10:PC 20:WAP 30:APP 40：小程序
						addFlag: addFlag //加入标识 10:加入购物车 20:立即购买
					},
					success: function(res) {
						if(res.data.success) {
							
							var flag = res.data.response.shopCartSplitForms[0].type == 10 ? 0 : 1;
							uni.setStorageSync('shopCartData', JSON.stringify(res.data.response.shopCartSplitForms));
							
							uni.navigateTo({
								url: '/pagesOrder/createOrder?taxationFlag='+flag+'&bargainId='+goodsInfo.bargainId
							});
						}
					}
				});
			}
		},
		onReachBottom() {
			
			var that = this;
			that.pageNum = that.pageNum + 1;		
			that.getAreaGoodsList();
		}
	}
</script>

<style>
	page {
		background-color: #F5F5F5;
	}
</style> 
<style lang="scss" scoped>
	
	// header部分
	.header-Container {
		width: 100%;
		height: 176rpx;
		overflow: hidden;
		box-shadow: 0px 1rpx 1rpx 0px rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 1);
		
		.header-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background:#FE5E49;
		}
	
		.leftBtns {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
	
			.back {
				margin-left: 17rpx;
				width: 44rpx;
				height: 44rpx;
			}
		}
	
		.title {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
			line-height: 86rpx;
			text-align: center;
			font-size: 36rpx;
			color: rgba(51, 51, 51, 1);
		}
	}
	
	
	//专区轮播
	.bannerList-Container {
		position: relative;
		width: 100%;
		height: 300rpx;
		
		swiper, .swiper-item {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 100%;
			
			image {
				width: 100%;
				height: 100%;
			}
		}
		
		//分页
		.pages-Container {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 34rpx;
			
			.one-page {
				margin-right: 10rpx;
				width:10rpx;
				height:10rpx;
				background:rgba(255,255,255,1);
				opacity:0.5;
				border-radius:50%;
	
				&.current {
					margin-right: 10rpx;
					width:36rpx;
					height:10rpx;
					background:rgba(255,255,255,1);
					border-radius:5rpx;
				}
			}
		}
	}
	
	
	//我的砍价
	.myBargain-Container {
		box-sizing: content-box;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 30rpx;
		width:690rpx;
		background:rgba(255,255,255,1);
		border:2rpx solid #FF5A00;
		border-radius:16rpx;
		
		.title-Container {
			display: flex;
			align-items: center;
			justify-content: center;
			width:690rpx;
			height:80rpx;
			background:linear-gradient(90deg,rgba(255,96,0,1) 0%,rgba(255,150,0,1) 100%);
			
			.logo {
				width: 43rpx;
				height: 38rpx;
			}
			
			.title {
				margin: 0 16rpx;
				line-height: 80rpx;
				font-size: 32rpx;
				color: #FFFFFF;
			}
		}
		
		//商品列表
		.goodsList-Container {
			width: 100%;
			height: auto;
			background:rgba(255,249,250,1);
			
			.goodsList-Item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 auto;
				// margin-bottom: 20rpx;
				padding: 0 18rpx 0 18rpx;
				width: 690rpx;
				height: 340rpx;
				background:rgba(255,255,255,1);
				border-radius:10rpx;
				
				&.bargainSuccess {
					background-color: #FFF5E7;
				}
				
				.goodsCover-Container {
					position: relative;
					width: 260rpx;
					height: 260rpx;
					
					.goodsCover {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}
					.bargainFlag {
						position: absolute;
						top: 0;
						left: 16rpx;
						width: 122rpx;
						height: 106rpx;
					}
				}
				
				.goodsInfo {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					width: 376rpx;
					height: 260rpx;
					
					.goodsName {
						height: 72rpx;
						line-height:36rpx;
						font-size:26rpx;
						color:rgba(51,51,51,1);
					}
					
					.cutStillBad-Container {
						display: flex;
						align-items: center;
						justify-content: left;
						font-size: 24rpx;
						color: #333333;
						
						.moneyText {
							font-size: 24rpx;
							color: #E01327;
						}
					}
					
					//已砍百分比
					.processBar-Container {
						display: flex;
						justify-content: flex-start;
						position: relative;
						// margin: 0 auto;
						width:310rpx;
						height:26rpx;
						background:rgba(255,238,215,1);
						border-radius:13rpx;
						
						.processBarBg {
							position: relative;
							overflow: hidden;
							height:26rpx;
							border-radius:13rpx;
							
							image {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
							}
						}
					}
					
					//结束&继续砍价
					.countDownGoBargain {
						display: flex;
						align-items: flex-end;
						justify-content: space-between;
						
						.countDownInfo {
							font-size: 22rpx;
							color: #333333;
						}
						
						//继续砍价
						.goBargain-Btn {
							width:160rpx;
							height:60rpx;
							line-height: 60rpx;
							text-align: center;
							font-size: 24rpx;
							color: #FFFFFF;
							background:linear-gradient(-45deg,rgba(236,85,56,1) 0%,rgba(241,101,40,1) 100%);
							border-radius:30rpx;
						}
						
						//立即购买
						.goBuyNow-Btn {
							width:160rpx;
							height:60rpx;
							line-height: 60rpx;
							text-align: center;
							font-size: 24rpx;
							color: #FFFFFF;
							background:#E01327;
							border-radius:30rpx;
						}
					}
				}
			}
		}
	}
	
	
	//进行中/预告
	.activityType-Container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		margin: 0 auto;
		margin-top: 30rpx;
		width:400rpx;
		height:70rpx;
		line-height: 70rpx;
		background:rgba(255,255,255,1);
		border-radius:70rpx;
		
		&.borderOneRpx:after {
			border-color: #D21728;
			border-radius: 70rpx;
		}
		
		.activityType {
			z-index: 9;
			width: 50%;
			height: 100%;
			text-align: center;
			font-size:30rpx;
			color: #666666;
			border-radius: 70rpx;
			
			&.currentType1 {
				color: #FFFFFF;
				background-color: #D21728;
				border-radius: 70rpx;
			}
			
			&.currentType2 {
				color: #FFFFFF;
				background-color: #D21728;
				border-radius: 70rpx;
			}
		}
	}
	.ongoingPre-Container {
		margin-top: 30rpx;
		width: 100%;
		background:rgba(255,255,255,1);
		border-radius:0px 0px 16rpx 16rpx;
		
		//商品列表
		.goodsList-Container {
			padding: 20rpx 0 20rpx 0;
			width: 100%;
			height: auto;

			.goodsList-Item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 auto;
				margin-bottom: 20rpx;
				width: 690rpx;
				height: 300rpx;
				background:rgba(255,255,255,1);
				border-radius:10rpx;
				
				.goodsCover-Container {
					position: relative;
					width: 260rpx;
					height: 260rpx;
					
					.goodsCover {
						width: 260rpx;
						height: 260rpx;
					}
					.corner {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
					}
				}
				
				
				.goodsInfo {
					display: flex;
					flex-direction: column;
					padding: 16rpx 0 24rpx 0;
					width: 400rpx;
					height: 260rpx;
					
					.goodsName {
						height: 72rpx;
						line-height:36rpx;
						font-size:26rpx;
						color:rgba(51,51,51,1);
					}
					
					.percent-Container {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-top: 24rpx;
						
						.percentOut {
							display: flex;
							align-items: center;
							justify-content: space-between;
							position: relative;
							overflow: hidden;
							width:240rpx;
							height:24rpx;
							background:rgba(255,172,180,1);
							border-radius:12rpx;
							
							.percentIn {
								height:24rpx;
								background:rgba(224,19,39,1);
								border-radius:12rpx;
							}
							
							.percentText {
								position: absolute;
								left: 0;
								top: 0;
								width:240rpx;
								height:24rpx;
								line-height: 24rpx;
								text-align: center;
								font-size:18rpx;
								color:rgba(255,255,255,1);
							}
							
							.unStart {
								color: #E01327;
							}
						}
						
						.surplusText {
							margin-right: 10rpx;
							font-size:20rpx;
							color:rgba(153,153,153,1);
						}
					}
					
					.price-Container {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-top: auto;
						width: 100%;
						height: 58rpx;
						
						.priceOut {
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							
							.activityPrice {
								color: #D21728;
								
								.money-icon {
									font-size: 24rpx;
									font-weight: 500;
									color: rgba(210, 23, 40, 1);
								}
								.price-int {
									font-size: 32rpx;
									color: rgba(210, 23, 40, 1);
								}
								.price-float {
									font-size: 24rpx;
									color: rgba(210, 23, 40, 1);
								}
							}
							
							.marketPrice {
								font-size: 22rpx;
								text-decoration: line-through;
								color: #999999;
							}
						}
						
						
						//去砍价
						.bargain-Btn {
							width:160rpx;
							height:58rpx;
							line-height: 58rpx;
							text-align: center;
							font-size:24rpx;
							color: #FFFFFF;
							background:linear-gradient(135deg,rgba(209,4,152,1) 0%,rgba(210,23,40,1) 100%);
							border-radius:29rpx;
						}
						
						//预告时间
						.startDateTime {
							display: flex;
							flex-direction: column;
							justify-content: center;
							width:160rpx;
							height:58rpx;
							text-align: center;
							font-size:20rpx;
							color: #FFFFFF;
							background:#CCCCCC;
							border-radius:29rpx;
						}
					}
				}
			}
		}
	}
	
	
	// 滚动砍价记录
	.latestBargain-Container {
		position: absolute;
		top: 26rpx;
		left: 30rpx;
		overflow: hidden;
		width: 246rpx;
		height: 56rpx;
		background:rgba(0,0,0,0.3);
		border-radius:28rpx;
		
		.oneBargain {
			display: flex;
			align-items: center;
			// position: absolute;
			// top: 0;
			// left: 0;
			width: 100%;
			height: 100%;
			
			.avator {
				margin-left: 4rpx;
				width: 48rpx;
				height: 48rpx;
				border-radius: 50%;
			}
			
			.bargainTip {
				margin-left: 10rpx;
				width: 170rpx;
				height: 48rpx;
				line-height: 24rpx;
				font-size:18rpx;
				color:rgba(255,255,255,1);
			}
		}
	}
</style>




